$(document).ready(function(){
//	console.log($);
//	console.log(keter.reqRoot+'/get/all');
	$.get(keter.reqRoot+'/getall',function(data,status){
		// bootstrap the demo
		var demo = new Vue({
			el : '#demo',
			data : {
				searchQuery : '',
				gridColumns : ['id','name','dept'],
				gridData : data
			}
		})
		
		Vue.use(VueTables.client);
//		Vue.use(VueTables.client, options);
		var haha = new Vue({
			  el:"#haha",
			  data: {
			    tableData: data,
			    options: {
			      columns:['id','name','dept']
			    }
			  }
			});
	});
});

// register the grid component
Vue.component('demo-grid', {
	template : '#grid-template',
	props : {
		data : Array,
		columns : Array,
		filterKey : String
	},
	data : function() {
		var sortOrders = {}
		this.columns.forEach(function(key) {
			sortOrders[key] = 1
		})
		return {
			sortKey : '',
			sortOrders : sortOrders
		}
	},
	methods : {
		sortBy : function(key) {
			this.sortKey = key
			this.sortOrders[key] = this.sortOrders[key] * -1
		}
	}
})
